<!DOCTYPE HTML>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<meta charset="utf-8">
<head th:include="include :: header"></head>
<body class="gray-bg">
<div class="container-div">
	<div class="row">
			<div class="alert alert-success">
				<strong>流媒体直播：</strong>选择直播终端->开始直播
			</div>
			<div class="col-sm-4">
				<div class="ibox float-e-margins">
					<div class="ibox-title">
						<h5>流媒体直播</h5>
						<div class="ibox-tools">
						</div>
					</div>
					<div class="ibox-content">
						<blockquote  style="padding:5px 20px;font-size:14px">
						<div id="livestatus" style="overflow:hidden;height:21px;">
							<p class="text-primary" >未直播</p>
						</div>
						</blockquote>
						<div id="rtmp-streamer" >
							<h3>请先安装flash插件</h3>
							<p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="下载 Adobe Flash player 插件" /></a></p>
						</div>
						<div >
							<button id="selectter" class="btn btn-success btn-xs" onclick="selectter(this);" style="margin-right:12px;margin-bottom:10px;"  title="选择终端">
								<i  class="ace-icon fa fa-check bigger-110 "></i>&nbsp;选择终端</button>
							<button id="start" class="btn btn-primary btn-xs" style="margin-bottom:10px;"  onclick="startlive(this);"  >
								<i  class="ace-icon fa fa-play bigger-110 "></i>&nbsp;开启直播</button>
							<button id="end" class="btn btn-danger btn-xs" style="margin-bottom:10px;" disabled onclick="endlive();"   >
								<i  class="ace-icon fa fa-stop bigger-110 " ></i>&nbsp;关闭直播</button>
						</div>
						<div style="font-size:12px;margin-top:20px;">
							<p  class="text-warning" >直播终端：<span id="liveternum">0</span> 个，开启直播：<span id="startternum">0</span> 个</p></div>
					</div>
				</div>
			</div>
			<div class="col-sm-8">
				<div class="ibox float-e-margins">
					<div class="ibox-title">
						<h5>终端直播状态</h5>
						<div class="ibox-tools">
						</div>
					</div>
					<div class="ibox-content">
						<form action="" method="post" name="Form" id="Form">
							<table id="simple-table"  class="table table-striped table-bordered table-hover" style="margin-top:5px;">
								<thead>
								<tr>
									<th class="center">终端IMEI</th>
									<th class="center">终端名称</th>
									<th class="center">所属分组</th>
									<th class="center">所属用户</th>
									<th class="center">直播状态</th>
								</tr>
								</thead>

								<tbody id="tbody">

								</tbody>
							</table>
							<div class="page-header position-relative"> </div>
						</form>
					</div>
			</div>
	</div>
	</div>
</div>
<script th:src="@{/js/jquery.min.js}"></script>
<script th:src="@{/js/bootstrap.min.js}"></script>
<script th:src="@{/js/content.min.js}"></script>
<script th:src="@{/js/views/live/swfobject.min.js}"></script>
<script th:src="@{/js/views/live/livestream.js}"></script>
</body>
</html>